{include file="common/header" /}
<style>
	nav {
		display: flex;
		align-items: center;
		gap: 20px;
	}

	nav a {
		width: 180px;
		display: block;
		border-radius: 20px !important;
	}
	main{
	    min-height: 64vh;
	}
</style>
<main>
	<section>
		<div class="layui-main">
			<nav class="mb60">

				{foreach name="modelList" item="model"}
				{if $model.template_name != '默认内容'}
				<a class="{if isset($modelName) &&
								$modelName==$model.template_name}layui-btn-primy{/if} layui-btn "
					href="?keyword={if isset($keyword)}{$keyword}{/if}&model={$model.template_name}">{$model.template_name}</a>
				{/if}
				{/foreach}
			</nav>

			{if $modelName}

			{eq name="$modelName" value="产品"}
		      <ul class="product-list d-grid grid3 gap40 grid-xs1 mt40">

                {foreach name="articleList" item="atc"}
                <a href="/goods-detail-{$atc.id}">
                    <div class="img_100 img1">
                        <img src="{$atc.logo}">
                    </div>
                    <p >{$atc.title}</p>

                </a> 
                {/foreach}
            </ul>
			{/eq}
		{eq name="$modelName" value="行业动态"}
		      <ul class="mt40 d-grid grid4 grid-xs1 industry">
                {foreach name="articleList" item="atc" key="n"}
		        <a href="/index/Article/show/cat_id/{$atc.cat_id}/id/{$atc.id}">
		            <div class="img_100">
		                <img src="{$atc.logo}">
		            </div>
		            <div class="content ">
		                
		           <h5 class="layui-elip ft18">{$atc.title}</h5>
		           <p class="line-clamp2 line18 subtitle">{$atc.subtitle}</p>
		           <div class="btn">
		               <p><?=date("Y-m-d",strtotime($atc['create_at']))?></p>
		               <p>了解详情</p>
		           </div>
		                
		            </div>
		           
		        </a>
                 {/foreach}
		    </ul>
			{/eq}	{eq name="$modelName" value="资料下载"}
		      <ul class="mt40 d-grid grid4 grid-xs1">
                {foreach name="articleList" item="atc" key="n"}
		        <li>
		            <div class="p-r dh_img">
		                <div class="img_100">
		                <img src="{$atc.logo}">
		            </div>
		           <h5 class="layui-elip ft18">{$atc.title}</h5>
		            </div>
		          
		            <dl class="d-flex al-c jc-s mt10">
		                <a target="_blank" href="{$atc.file}"><img src="/public/home/images/see.png">查看</a>
		                <a download href="{$atc.file}"><img src="/public/home/images/download.png">下载</a>
		            </dl>
		        </li>
                 {/foreach}
		    </ul>
			{/eq}
			<div class="pagenum mt40">{$page|raw}</div>

			{empty name="articleList"}
			<div class="seach_wu mt50">无相关数据</div>
			{/empty}

			{/if}
		</div>
		</div>
	</section>
</main>
<script src="__ROOT__/public/home/js/index.js"></script>
<!-- 中间区域结束 -->
{include file="common/footer" /}